import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'

const state = {
  // 存储token
  token: getToken(),
  userInfo: {}
}
const mutations = {

  setToken(state, data) {
    // 修改token
    state.token = data
    // 除了将 token 放入 state，还需要数据持久化
    setToken(data)
  },
  // 清空 token
  removeToken(state) {
    state.token = ''

    removeToken()
  },
  setUserInfo(state, data) {
    state.userInfo = { ...data }
  },
  removeUserInfo(state) {
    state.userInfo = {}
  }
}
const actions = {
  async login(store, data) {
    // 这里应该是被页面调用的 actions
    // 页面调用时应该传入 表单
    // 1.发请求登录
    const res = await login(data)
    store.commit('setToken', res)
    // login(data).then(res => { // 这是放入login是封装的方法
    //   console.log(res)
    //   // 2.调用 mutations 存储 token
    //   store.commit('setToken', res.data.data)
    // })
    // 登陆成功后记录时间戳
    setTimeStamp()
  },
  async getUserInfo(store) {
    const res = await getUserInfo()
    const userDateil = await getUserDetailById(res.userId)
    const data = {
      ...res,
      ...userDateil
    }
    store.commit('setUserInfo', data)
  },
  logout(store) {
    store.commit('removeToken')
    store.commit('removeUserInfo')
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
